<template>
  <UploadExcel :on-success="onSuccess" />
</template>

<script>
import { importEmployees } from '@/api/employee'
export default {
  methods: {
    async onSuccess(data) {
      // 这个函数虽在这定义, 但其实是作为父传子的属性, 传入子组件进行使用
      // 这里是在UploadExcel这个组件中使用
      console.log('最终导入的数据:', data.results)
      // data.header: 表头
      // data.results: 行数据

      // 字典
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }

      // 因为后台接口数据是英文的, 但是表格上的数据是中文的, 表格是姓名, 后台接口是username
      // 所以我们需要将数据改造下，map 改造，  将原数组的中文属性对象， 映射成英文对象
      const newData = data.results.map(user => {
        // 存放改造好的对象
        const newUser = {}
        for (const key in user) {
          // excel传入的日期上传会出现五位数的问题, 所以
          // 如果遇到日期这种时间, 需要特殊处理
          // console.log(dict[key])
          if (dict[key] === 'timeOfEntry' || dict[key] === 'correctionTime') {
            // 通过这个函数, 5位数变成正常的日期格式
            const timeStr = this.formatExcelTime(user[key])
            newUser[dict[key]] = new Date(timeStr)
          } else {
            newUser[dict[key]] = user[key]
          }
        }
        // 这个函数是接收中文， 最后输出英文
        return newUser
      })

      console.log('最终的数据:', newData)
      // 发请求
      await importEmployees(newData)
      // 提示用户
      this.$message.success('导入成功')
      // 退回员工页面
      this.$router.back()
    },
    // /**
    //  * 格式化Excel表格中存储的时间
    //  * @param {Number} num:	excel存储的数字
    //  * @param {String} format: 年月日的间隔符，默认为'-'
    //  */
    formatExcelTime(num, format = '-') {
      num = Number(num)	// 强制类型转化，以防传来的值是字符串
      let millisecond = 0	// 转化后的毫秒数
      if (num > 60) {
        millisecond = (num - 25569) * 60 * 60 * 24 * 1000
      } else {
        millisecond = (num - 25568) * 60 * 60 * 24 * 1000
      }
      const date = new Date(millisecond)	// 根据转化后的毫秒数获取对应的时间
      const yy = date.getFullYear()
      const mm = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
      const dd = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
      return yy + format + mm + format + dd	// 返回格式化后的日期
    }

  }
}
</script>

<style>

</style>
